﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="renderer" content="webkit">
    <title>模版页</title>
    <link rel="stylesheet" href="../../css/bootstrap/bootstrap.css" />
    <link rel="stylesheet" href="../../css/fonts/icomoon/style.css" />
    <!--插件样式 begin-->
    <!--<link href="../../plugins/prism/prism.css" rel="stylesheet" />&lt;!&ndash;此文件用于模板展示，开发不要引用&ndash;&gt;-->
    <!--插件样式 end-->
    <link rel="stylesheet" href="../../css/theme/default/style.scss" />
    <link rel="stylesheet" href="../../css/demo.scss" />
    <!--[if lt IE 9]>
        <script src="../../js/bootstrap/compatible/html5shiv.min.js"></script>
        <script src="../../js/bootstrap/compatible/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container" data-struct="header footer">
        <header class="header">
            <link rel="import" href="../../component/header/header.html?__inline" />
        </header>
        <main class="wrapper">
            <aside class="aside"></aside>
            <article class="content">
                <div id="myComment"></div>
            </article>
        </main>
        <footer class="footer">
            <link rel="import" href="../../component/footer/footer.html?__inline" />
        </footer>
    </div>
    <div id="modal1" class="modal middle fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>One fine body&hellip;</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary">Save</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../js/bootstrap/bootstrap.js"></script>
    <script src="../../js/react/react.js"></script>
    <script src="../../js/react/react-dom.js"></script>
    <script src="../../component/react/comment.jsx"></script>
    <!--插件脚本 begin-->
    <!--<script src="../../plugins/multiselect/multiselect.js"></script>-->
    <!--插件脚本 end-->
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

            ReactDOM.render(
                React.createElement(ReactWebComponent.CommentBox, {
                    get: {
                        url: "/Content/LMS/component/react/test/comment.txt",
                        data: { formData: "yourData" }
                    }
                }),
                document.querySelector("#myComment")
            );

        })
    </script>
    <!--<script src="../../plugins/prism/prism.js"></script>&lt;!&ndash;此文件用于模板展示，开发不要引用&ndash;&gt;-->
</body>
</html>